

<HTML>
<HEAD>
<TITLE>Eighth Test of Section 18.4 of CSS2 Spec</TITLE>

<STYLE TYPE="text/css">
#id1 {outline-color: red}
#id2 {outline-color: blue}
#id3 {outline-color: yellow}
#id4 {outline-color: green}
#id5 {outline-color: invert}
#id6 {outline-color: inherit}

</STYLE>
</HEAD>




<BODY>
<h1 >
Testing Eighth Testable Statement of Sec 18.4 of CSS2 Specification
</h1>


<ul>
<li  >
8. The outline-color property controls the color of dynamic outlines.
</ul>




<h2 >
PASS CRITERIA:
</h2>
<p ID=id1 >
If statement #8 above is passed, then
the outline color for this paragraph should be red.
The rule applied is "#id1 {outline-color: red}".
<p ID=id2>
The outline color for this paragraph should be blue.
The rule applied is "#id2 {outline-color: blue}".
<p ID=id3>
The outline color for this paragraph should be yellow.
The rule applied is "#id3 {outline-color: yellow}".
<p ID=id4>
The outline-color for this paragraph should be green.
The rule applied is "#id4 {outline-color: green}".
<p ID=id5>
The outline-color for this paragraph should be invert.
The rule applied is "#id5 {outline-color: invert}".
<p>
<p ID=id6>
The outline-color for this paragraph should be inherit.
The rule applied is "#id6 {outline-color: inherit}".
<p>
All other properties of this page should be UA-default.


</BODY>
</HTML>

